<!DOCTYPE html>
<html lang="zh_en">
<style>

</style>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>工具站</title>
    <link rel="stylesheet" href="ssss/css01.css">
    <link rel="stylesheet" href="ssss/css_01.css">
    <link rel="icon" type="image/png" sizes="144×144" href="pc01/tubiao.png">

    <link rel="stylesheet" href="ssss/search_kuang.css">
    <link rel="stylesheet" href="ssss/search_button.css">
    <link rel="stylesheet" href="ssss/watch_css.css">
    <!-- <link rel="stylesheet" href="ssss/text.css"> -->

</head>
<!-- cursor: url(pc01/sword_white_01.png),auto;鼠标图标更改... -->

<body background="pc01/Snipaste_2021-03-19_22-00-02 - fb.jpg"
      style="background-attachment: fixed;background-repeat: repeat-y;width: auto;height: auto;width: auto;height: auto;">



<div class="MAX">
    <div class="TopMAX">
        <input type="text" id="hzq" placeholder="百度翻译一下,你就知道..." autocomplete="off" class="search_kuang">
        <input value="翻译" type="button" class="search_button" onclick="translate01()">
        <input value="百度" type="button" class="search_button_change" onclick="baidu()">
    </div>


    <div class=" LeftMAX">
        <div style="background-color: transparent;">
            <p>快捷访问:</p>
        </div>
        <li><a href="https://www.apiref.com/java11-zh/index.html" target="_blank">Java_API_JDK11</a></li>
        <li><a href="api/index.html" target="_blank">Java_API_JDK6</a></li>
        <li><a href="https://www.matools.com/api/java8" target="_blank">Java_API_JDK8</a></li>
        <li><a href="https://www.apiref.com/android-zh/classes.html" target="_blank">Android_API</a></li>
        <li><a href="https://www.w3school.com.cn/" target="_blank">HTML5_API</a></li>
        <li><a href="https://www.docs4dev.com/docs/zh/spring-framework/5.1.3.RELEASE/reference/core.html#beans"
               target="_blank">Spring5_API</a>
        </li>
        <li><a href="https://developers.weixin.qq.com/doc/" target="_blank">Wechat_API</a></li>
        <li><a href=" https://www.csdn.net/" target="_blank">CSDN博客</a></li>
        <li><a href=" https://www.bilibili.com/" target="_blank">Bilibli</a></li>
        <li><a href=" https://leetcode-cn.com/" target="_blank">LeetCode</a></li>
        <li><a href="watch/demo.html" target="_blank">太空人源码(自提)</a></li>
        <li><a href="https://www.flaticon.com/" target="_blank">icon网站</a></li>
        <li><a href="https://maven.aliyun.com/" target="_blank">阿里云maven仓库</a></li>
        <li><a href="https://cn.vuejs.org/v2/guide/" target="_blank">Vue文档</a></li>
        <li>
            <a href="https://developer.harmonyos.com/cn/docs/documentation/doc-guides/basic-config-file-elements-0000000000034463"
               target="_blank">HarmonyOs文档</a></li>
        <li><a href="https://code.bfw.wiki/code/15699390220772550088.html" target="_blank">特效网页</a></li>
        <li><a href="https://www.runoob.com/w3cnote/linux-common-command-2.html" target="_blank">linux命令大全</a></li>
        <li><a href="https://www.processon.com/" target="_blank">processon画板</a></li>
        <li><a href="https://docs.oracle.com/javase/specs/jvms/se16/html/jvms-6.html" target="_blank">Java虚拟机规范</a>
        </li>
        <li><a href="https://archive.apache.org/dist/zookeeper/" target="_blank">zookeeper下载地址</a>
        <li><a href="html/Solution.html" target="_blank">一些解决方案</a></li>
        <li><a href="https://docs.spring.io/spring-boot/docs/current/api/" target="_blank">SpringBootAPI文档</a></li>
        <li><a href="https://docs.spring.io/spring-framework/docs/5.1.1.RELEASE/javadoc-api/" target="_blank">Spring5.0.5API文档</a>
        </li>
        <li><a href="https://patorjk.com/blog/software/" target="_blank">整活工具站,艺术字</a></li>
        <li><a href="https://crxdl.com/" target="_blank">chrome插件下载</a></li>
        <li><a href="https://www.mkvdo.com/" target="_blank">电影免费看</a></li>

    </div>
    <style>
        .new_heap > a > img {
            margin: 10px;
        }

        .new_heap > a > img:hover {
            transform: scale(1.5);
            transition: all 0.2s;

        }
    </style>
    <div class="RightMAX">
        <div class="new_heap" style=" position: absolute;
            left: 0px;
            top: 120px;
            width: 452px;
            height: auto;
            background-color: transparent;">

            <a href="api/index.html" target="_blank"><img src="new_heap/2021-06-03_001226.png" alt=""></a>
            <a href="https://www.w3school.com.cn/" target="_blank"><img src="new_heap/html5.png" alt=""></a>
            <a href="https://maven.aliyun.com/" target="_blank"> <img src="new_heap/aliyun_maven仓库.png" alt=""></a>
            <a href=" https://www.bilibili.com/" target="_blank"><img src="new_heap/bilibili.png" alt=""></a>
            <a href="https://code.bfw.wiki/code/15699390220772550088.html" target="_blank"> <img
                    src="new_heap/front_特效.jpg"></a>
            <a href="https://developer.harmonyos.com/cn/docs/documentation/doc-guides/basic-config-file-elements-0000000000034463"
               target="_blank">
                <img src="new_heap/harmonyOS_developer.jpg"></a>


            <a href="https://www.flaticon.com/" target="_blank"><img src="new_heap/icon.png" alt=""></a>
            <a href="https://leetcode-cn.com/" target="_blank"><img src="new_heap/leetcode.png" alt=""></a>
            <a href="https://www.csdn.net/" target="_blank"><img src="new_heap/scdn.png" alt=""></a>
            <a href="https://www.docs4dev.com/docs/zh/spring-framework/5.1.3.RELEASE/reference/core.html#beans"
               target="_blank"><img src="new_heap/spring5.png" alt=""></a>
            <a href="https://cn.vuejs.org/v2/guide/" target="_blank"><img src="new_heap/vue.jpg" alt=""></a>
        </div>

        <style>
            .diiiv {
                position: relative;
                margin-top: -10px;
            }
        </style>
        <div style="background-color: transparent;border: none;">
            <div id=" div_demo">
                <p><a href="#" style="color: white; font-size: 23px;margin-left: -34px;"
                      onclick="introduce_myself()">个人简介</a></p>
            </div>


        </div>

        <P style="color: white;font-size: 25px;position:absolute;left:44px;margin-top: 10px;">快速访问:</P>
        <div class="demo01_watch" id="All_Watch"
             style="width: 600px;height: 600px;background-color: transparent;position: relative;margin-left: 600px;border:2px dotted rgba(255, 255, 255, 0.5); cursor:url(pc01/racket_array.png),auto;">
            <img src="watch_img/ring.svg" style="width: 100%;height: 100%;" draggable="false">
            <img src="watch_img/human.gif"
                 style="width: 150px;height: 150px;position: absolute;left: 230px;top: 300px;" draggable="false">
            <div class="watch01" style="border: none;">
                <img src="watch_img/2.svg" class="A" draggable="false">
                <img src="watch_img/3.svg" class="B" draggable="false">
                <div
                        style="background-color: transparent;width: 30px;height: 100%;display: inline-block;position: relative;">
                    <img src="watch_img/rect.svg" style="width: 35px;position: absolute;top: 25px;"
                         draggable="false">
                    <img src="watch_img/rect.svg" style="width: 35px;position: absolute;top: 55px;left: -10px;"
                         draggable="false">
                </div>
                <img src="watch_img/4.svg" style="margin-left: -20px;" class="C" draggable="false">
                <img src="watch_img/4.svg" style="margin-left: -20px;" class="D" draggable="false">
            </div>

        </div>


        <style>
            .tatal {
                font-size: 25px;
                color: rgb(151, 241, 241);
                font: italic bold 25px arial sans-serif;
                border: none;
                text-decoration-line: none;
            }

            .tatal:hover {
                color: rgba(210, 245, 12, 0.849);
            }

            .is-node {
                font-size: 25px;
                color: rgba(23, 247, 235, 0.842);
                font: italic bold 25px arial, sans-serif;
                border: none;
                text-decoration-line: none;
            }

            .cm-tag {
                color: orange;
            }

            .cm-attribute {
                color: orange;
            }

            .cm-keyword {
                color: orange
            }


            .music_div {
                position: absolute;
                background-color: transparent;
                width: 150px;
                height: 400px;
                top: 200px;
                border: none;
            }

            .music_div > a {
                text-decoration-line: none;
            }
        </style>
        <div class="music_div" style="border: none;width: 300px;" id="fast_browse">
            <audio src="MU/abcdef.mp3" id="Mu_Controls"></audio>

        </div>


    </div>
    -->

    <div
            style="width: 1700px;height: 160px;background-color:rgba(23, 247, 235, 0.2);margin-right: 300px;position: relative;top: 200px;">
        <img src="pc01/wechat_icon.jpg" style="width: 100px;height: 100px;position: absolute;left: 300px;top: 40px;"
             id="wechat_icon">
        <img src="pc01/qq_icon.jpg" style="width: 100px;height: 100px;position: absolute;left: 500px;top: 40px;"
             id="qq_icon">

        <!--  上面是图标...-->
        <!--  下面二维码...-->
        <img src="pc01/wechat_binary_code.png"
             style="position: absolute;width: 100px;left: 300px;top: -80px;display: none;" id="bianry_code_wechat">
        <img src="pc01/QQ_binary_code.png"
             style="position: absolute;width: 100px;left: 500px;top: -80px;display: none;" id="binary_qq_code">

        <div style="display: inline-block;"><br>
            <p style="font-size: 20px;margin-left: 700px;"><a href="https://beian.miit.gov.cn/#/Integrated/index"
                                                              style="color: rgb(237, 241, 241);">ICP备案号:蜀ICP备2021009039号</a>
            </p>
            <br>
            <p style="font-size: 20px;color: rgb(237, 241, 241);margin-left: 700px;">联系QQ:1829024937</p>
            <br>
            <p style="font-size: 20px;color: rgb(237, 241, 241);margin-left: 700px;">联系邮箱:1829024937@qq.com</p>
        </div>

    </div>

    <!-- ------------------------------- -->

</div>


</body>
<script src=" js/watch_js.js">
</script>
<script>
    function introduce_myself() {
        window.open('./my_self.html', './index.html', 'height = 500,width = 500, left = 500px,top = 50%', 'false');
    }
</script>
<script src="js/js04.js"></script>


</html>